html{ 
	
	font-family:Arial, Helvetica, sans-serif;
	/* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
  
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);
  
  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #1a82f7, #2F2727);
  
  /* IE 10 */ 
  background: -ms-radial-gradient(circle, #1a82f7, #2F2727);
  
  /* Opera cannot do radial gradients yet */
  
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#1a82f7", endColorStr="#2F2727"); }
	
body {
	color: #FFFFFF;
}
.wrap {
	position: absolute;
	height: 600px;
	top: 160px;
	width: 960px;
	left: -960px;
	display:none;
	background-image: url(../images/glass.png);
	border: 1px solid #000000;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

// Default tooltip class name: 
.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 9000; 
	display:block;
} 

.vsliderbox {
	height: 319px;
	width: 40px;
	z-index: -1;
	position: absolute;
	background-color: #FFFFFF;
	top: 240px;
}
#abcd li {
	background-color: #707070;
	height: 31px;
	width: 40px;
	text-align: center;
	font-size: 22px;
	padding-top: 8px;
	margin-top: 1px;
	color: #000000;
}
#abcd li:hover {
	background-color: #98AFC7;
	height: 31px;
	width: 40px;
	text-align: center;
	font-size: 22px;
	padding-top: 8px;
	margin-top: 1px;
	color: #000000;
	background-repeat:repeat-x;
	background-position: bottom;
}
#abcd li a {
	color: #000000;
	text-decoration: none;
	display: block;
	height: 31px;
	width: 40px;
}
.scrolldiv {
	margin: 15px;
	height: 570px;
	width: 930px;
	overflow: auto;
}


/*-----------------------------------------------------------------------------------------------
Header styles 
------------------------------------------------------------------------------------------------*/

.headcontent {
	position: absolute;
	height: 150px;
	width: 962px;
	top:10px;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 10px 10px 2px 2px;
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);	
}
.hed{
	height:118px;
	background: -webkit-linear-gradient(rgba(255,255,255,.3),transparent);
	background: -moz-linear-gradient(rgba(255,255,255,.3),transparent);
	background: -ms-linear-gradient(rgba(255,255,255,.3),transparent);
	background: -o-linear-gradient(rgba(255,255,255,.3),transparent);
	background: linear-gradient(rgba(255,255,255,.3),transparent);
	width: 900px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	
}

.banerheding {
	height: 40px;
	width: 550px;
	font-size: 36px;
	padding-top: 40px;
	padding-left: 50px;
	padding-bottom: 36px;
	float: left;
}
.userpic {
	float: left;
	height: 60px;
	width: 60px;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 5px;
}
.userinfo {
	height: 100px;
	width: 230px;
	float: left;
	font-size: 10px;
	margin-top: 10px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
	margin-left: 100px;
	padding: 7px 6px 0;
	background: #7d7d7d url(../images/opButtongradient.png) repeat-x 0 -110px;
	line-height: 100%;
	border-radius: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	z-index: 3;
	top: 5px;
	font-size: 15px;
	width:80px;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;

	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
	background-color: #e7e5e5;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	background-color: #666;
	background-image: url(../images/opButtongradient.png);
	background-repeat: repeat-x;
	background-position: 0 -40px;
}


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 


/*-------------------------------------------------------------------------------------
form css
--------------------------------------------------------------------------------------*/
.form {
	padding-top: 10px;
	font-size: 14px;
	padding-left: 10px;
}
.form a {
	color:#0099FF;
	text-decoration:none;
}

.face_heding {
	font-size: 18px;
	font-weight: bold;
	width: 800px;
	margin-bottom: 20px;
}

.fac_row {
	width:800px;
	height:30px;
}
.fac_row1 {
	width:800px;
	height:90px;
}

.fac_cell {
	width:200px;
	height:30px;
	float:left;

}

.input_disabled {
	background-color: #8C8C8C;

}

.fac_cell2 {
	width:100px;
	height:30px;
	float:left;

}
.fac_cell3 {
	width:250px;
	height:30px;
	float:left;
}
.lanndtop_grid {
	height: 400px;
	width: 800px;
}
.landtop_grid2 {
	height: 600px;
	width: 800px;
}
.landtop_row4 {
	height: 30px;
	width: 800px;
}


.landtop_row2 {
	height: 100px;
	width: 800px;
}
.landtop_row3 {
	height: 180px;
	width: 800px;
}


.tandtop_row {
	height: 30px;
	width: 800px;
}
.landtop_cell {
	height: 30px;
	width: 200px;
	float: left;
}
.landtop_cell2 {
	height: 30px;
	width: 50px;
	float: left;
}
.landtop_cell3 {
	height: 30px;
	width: 250px;
	float: left;
}
.landtop_cell4 {
	height: 30px;
	width: 100px;
	float: left;
}




/*-------------------------------------------------------------------------------------
button css
--------------------------------------------------------------------------------------*/

/*Form Navigation Buttons*/
.button {
	text-align: left;
	margin-bottom: 20px;
	height: 50px;
	margin-right: 15px;
	margin-left: 15px;
	width: 870px;
}



/*Right side arrow*/


.next {
	float:right;
    background-color:#4b3f39;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:10px 20px;
    padding-right:50px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
}
 
.next:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.next::before {
    background-color:#322620;
    background-image:url(../images/right_arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.next:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

/*Arrow left side*/

.pre {
	float:left;
    background-color:#4b3f39;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:10px 20px;
    padding-left:50px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
}
 
.pre:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.pre::before {
    background-color:#322620;
    background-image:url(../images/left_arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    left:15px;
    top:50%;
    margin-top:-9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.pre:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}


/*-------------------------------------------------------------------button css-----------------------------------------------------------------*/



.popup_btn

{		

    background-color: #ffb94b;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));

    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);

    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);

    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);

    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);

    background-image: linear-gradient(top, #fddb6f, #ffb94b);

    

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    

    text-shadow: 0 1px 0 rgba(255,255,255,0.5);

    

     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    

    

    border-width: 1px;

    border-style: solid;

    border-color: #d69e31 #e3a037 #d5982d #e3a037;



    float: left;

    height: 35px;

    padding: 0;

    width: 120px;

    cursor: pointer;

    font: bold 15px Arial, Helvetica;

    color: #8f5a0a;

}



#newowneradd:focus

{		

    background-color: #fddb6f;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));

    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);

    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);

    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);

    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);

    background-image: linear-gradient(top, #ffb94b, #fddb6f);

}	



#newowneradd:active

{		

    outline: none;

   

     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;

     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;

     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		

}



#newowneradd::-moz-focus-inner

{

  border: none;

}